<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<link type="text/css" rel="stylesheet"
	href="resources/css/patient/articleHeader.css">
<link type="text/css" rel="stylesheet"
	href="resources/css/patient/join.css">
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://dmaps.daum.net/map_js_init/postcode.js"></script>
<script src="resources/js/address.js"></script>

<div id="content">
	<div id="content_box">
		<div id="layer">
			<img
				src="//i1.daumcdn.net/localimg/localimages/07/postcode/320/close.png"
				id="btnCloseLayer" id="layerImage" onclick="closeDaumPostcode()"
				alt="닫기 버튼">
		</div>
		<div>
			<div class="nav_information">
				<img src="resources/images/gr_navi_home.png">&nbsp;&nbsp;>&nbsp;&nbsp;마이페이지&nbsp;&nbsp;>&nbsp;&nbsp;회원정보수정
			</div>
			<div class="nav_detail_name">회원정보수정</div>
			<div class="nav_information_detail">
				<div class="nav_information_detail_bgimg">
					<p>My Page에서 정보를 확인하세요.</p>
					<p>정보수정, 예약관련 등을 확인하실 수 있습니다.</p>
				</div>
			</div>
		</div>
		<input type="hidden" id="hiddenId">
		<form id="Join" name="Join" action="modify.do" method="post"
			autocomplete="off" onsubmit="return modifySubmit();">
			<input type="hidden" id="kuk_bohum" name="is_kuk" value="Y">
			<input type="hidden" id="car_bohum" name="is_car" value="N">
			<input type="hidden" id="san_bohum" name="is_san" value="N">
			<input type="hidden" id="" name="enabled" value="1">
			<div class="joinDetailInfo">아래 정보는 모두 필수입력항목입니다. 정확한 정보를 입력해주시기
				바랍니다.</div>
			<table class='joinTable'>
				<tr>
					<td><span id="lbl_USERID"> 아이디 </span></td>
					<td><input type="text" name="user_id" id="user_id" size="26"
						maxlength="12" pattern="^[a-zA-Z0-9]{4,12}$" readonly
						title="영문, 숫자조합 4~12자까지 가능합니다" value="${patient.user_id}">
						<!-- <div id="idCheckDiv" class="displayInline"></div> --> <!-- <input type="image"
						src="resources/images/patient/duplication_btn.png" id="idcheck"
						onclick="checkid()"> --></td>
				</tr>
				<tr>
					<td><span id="lbl"> 비밀번호 </span></td>
					<td><input type="password" id="PWD" name="password" size="26"
						maxlength="15" required="required"
						pattern="^.*(?=^.{4,12}$)(?=.*\d)(?=.*[a-zA-Z]).*$" required
						title="영문, 숫자조합 4~12자까지 가능합니다">
						<div id="pwdCheckDiv" class="displayInline"></div></td>
				</tr>
				<tr>
					<td><span id="lbl"> 비밀번호 확인 </span></td>
					<td><input type="password" id="PWD2" name="PWD" size="26"
						maxlength="20" required="required"
						pattern="^.*(?=^.{4,12}$)(?=.*\d)(?=.*[a-zA-Z]).*$" required
						title="영문, 숫자조합 4~12자까지 가능합니다"></td>
				</tr>
				<tr>
					<td><span id="lbl_name">이름</span></td>
					<td><input type="text" id="name" name="name" maxlength="15"
						size="26" required="required"
						pattern="^[가-힣]{2,5}|[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$" disabled
						title="한글 2~5자, 영어 성과 이름 2~10자까지 가능합니다 예)에미야, Emiya Mulzomdao"
						value="${patient.name}" readonly></td>
				</tr>
				<tr>
					<td><span id="lbl_nation">국적확인</span></td>
					<td><c:if test="${patient.nation_code_id == 'NATION01'}">
							<input type="radio" id="nation_code_id" name="nation_code_id"
								value="NATION01" disabled checked>
							<span id="nation_box">내국인</span>
							<input type="radio" id="nation_code_id" name="nation_code_id"
								value="NATION02" disabled>
							<span id="nation_box">외국인</span>
						</c:if> <c:if test="${patient.nation_code_id == 'NATION02'}">
							<input type="radio" id="nation_code_id" name="nation_code_id"
								value="NATION01" disabled>
							<span id="nation_box">내국인</span>
							<input type="radio" id="nation_code_id" name="nation_code_id"
								value="NATION02" disabled checked>
							<span id="nation_box">외국인</span>
						</c:if></td>
				</tr>
				<tr>
					<td><span id="lbl_jumin">주민등록번호</span></td>
					<td><input type="text" id="jumin1" name="jumin1" maxlength="6"
						size="11" required title="올바른 주민등록번호를 입력해주세요"
						pattern="[0-9]{2}(0[1-9]|1[012])(0[1-9]|1[0-9]|2[0-9]|3[01])"
						value="${patient.jumin1}" disabled> - <input
						type="password" id="jumin2" name="jumin2" maxlength="7" size="11"
						pattern="[012349][0-9]{6} " required="required"
						value="${patient.jumin2}" disabled> <font id="nation_info">※외국인의
							경우 외국인등록번호를 입력해주세요</font></td>
				</tr>
				<tr>
					<td><span id="lbl"> 성별 </span></td>
					<td><c:if test="${patient.gender == 'M'}">
							<input type="radio" id="gender" name="gender" value="M"
								checked="checked" disabled checked>남<input type="radio"
								id="gender" name="gender" value="F" disabled>여
						</c:if> <c:if test="${patient.gender == 'F'}">
							<input type="radio" id="gender" name="gender" value="M"
								checked="checked" disabled>남<input type="radio"
								id="gender" name="gender" value="F" disabled checked>여
						</c:if></td>
				</tr>
				<tr>
					<td><span id="lbl_zipcode"> 우편번호 </span></td>
					<td><input type="text" id="zipcode1" name="zipcode1"
						maxlength="3" size="11" required="required" pattern="^[0-9]{3}$"
						value="${patient.zipcode1}"> - <input type="text"
						id="zipcode2" name="zipcode2" maxlength="3" size="11" required
						pattern="^[0-9]{3}$" value="${patient.zipcode2}"> <input
						type="image" src="resources/images/patient/zipcode_btn.png"
						id="search" value="검색" onclick="openDaumPostcode(); return false;"></td>
				</tr>
				<tr>
					<td><span id="lbl_addr">기본주소</span><br></td>
					<td><input type="text" id="addr1" name="addr1" maxlength="25"
						size="70" required value="${patient.addr1}"></td>
				</tr>
				<tr>
					<td>상세주소</td>
					<td><input type="text" id="addr2" name="addr2" maxlength="25"
						size="70" required="required" value="${patient.addr2}"></td>
				</tr>
				<tr>
					<td><span id="lbl_tel">연락처</span></td>
					<td><input type="text" id="tel" name="tel" maxlength="13"
						size="26" value="${patient.tel}"
						pattern="[0][1][0-9]-[0-9][0-3][0-9][0-9]-[0-9][0-9][0-9][0-9]"
						required title="하이픈 '-'을 포함해야 합니다 예)01X-1234-5678"></td>
				</tr>
			</table>
			<div class="submitResetDiv">
				<input type="submit" class="normalBtn" value="확인" id="modifyOk"
					name="modifyOk">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input
					type="button" class="normalBtn" value="취소" id="cancel"
					name="cancel" onclick="history.back(1);">
			</div>
		</form>
	</div>
</div>
